<!-- FORM BUTTONS -->
<section id="buttons-setup" class="docs background-inverse">
  <header>
    <h3 class="docs-title"><i class="fa fa-code"></i> Installation &amp; Setup</h3>
  </header>

  <div class="docs-content">
    <ol class="docs-list">
        <li>
            <a class="button button-rounded button-plain button-small-caps button-border" href="css/buttons.css"><i class="fa fa-download"></i> DOWNLOAD</a>
        </li>
        <li> Include buttons in your website
          <div class="codebox docs-setup-guide l-margin-top-0">
            <header>
              <h3>Buttons Setup</h3>
              <button class="codebox-copy">Copy</button>
            </header>

<!-- USED FOR COPY AND PASTE SCRIPT -->
<div class="is-hidden docs-setup-code">
<!-- Buttons core css -->
<link rel="stylesheet" href="css/buttons.css">

<!-- Only needed if you want support for dropdown menus -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript" src="js/buttons.js"></script>

<!-- Only needed if you want font icons -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
</div>


<pre tabindex="0" class="prettyprint linenums codebox-body">
&lt;!-- Buttons core css --&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;css/buttons.css&quot;&gt;

&lt;!-- Only needed if you want support for dropdown menus --&gt;
&lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/buttons.js&quot;&gt;&lt;/script&gt;

&lt;!-- Only needed if you want font icons --&gt;
&lt;link href=&quot;//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css&quot; rel=&quot;stylesheet&quot;&gt;</pre>
          </div>
        </li>
    </ol>
</section>
